// http://ionicframework.com/docs/theming/


// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.

@for $i from 0 through 10 {
  .g-m-t-#{5*$i} {
    margin-top: 5px * $i;
  }
  .g-m-r-#{5*$i} {
    margin-right: 5px * $i;
  }
  .g-m-b-#{5*$i} {
    margin-bottom: 5px * $i;
  }
  .g-m-l-#{5*$i} {
    margin-left: 5px * $i;
  }
  .g-p-t-#{5*$i} {
    padding-top: 5px * $i;
  }
  .g-p-r-#{5*$i} {
    padding-right: 5px * $i;
  }
  .g-p-b-#{5*$i} {
    padding-bottom: 5px * $i;
  }
  .g-p-l-#{5*$i} {
    padding-left: 5px * $i;
  }
}

.g-events-none{
  //touch-action: pan-y;
  pointer-events: none;
}


.scroll-content{
  //默认ionic样式会造成左上角小块
  overflow-x: hidden;
  overflow-y: auto;
}
